
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
    <meta name="author" content="">
    <title>会员详情</title>  <link rel="icon" href="/template/pc1/images/wmh_favicon.ico" type="image/x-icon" />
    <!-- Stylesheets -->
    <link rel="stylesheet" href="https://static.9hive.cn/global/css/bootstrap-extend.min.css?v2.2.0">
    <link rel="stylesheet" href="https://static.9hive.cn/global/vendor/bootstrap-3.3.7/bootstrap.min.css">
    <link rel="stylesheet" href="https://static.9hive.cn/global/vendor/bootstrap-table-1.11/bootstrap-table.min.css?v=1.1">
    <link rel="stylesheet" href="https://static.9hive.cn/global/vendor/bootstrap-select/bootstrap-select.min.css?v2.2.0">
    <link rel="stylesheet" href="https://static.9hive.cn/mmenu/assets/css/site.min.css?v2.2.0">
    <link rel="stylesheet" href="https://static.9hive.cn/global/fonts/font-awesome/font-awesome.min.css">
    <link rel="stylesheet" href="https://static.9hive.cn/global/vendor/common/common_20170925.css">

    <!--[if lt IE 9]>
    <script src="https://static.9hive.cn/global/vendor/html5shiv/html5shiv.min.js"></script>
    <![endif]-->

    <!--[if lt IE 10]>
    <script src="https://static.9hive.cn/global/vendor/media-match/media.match.min.js"></script>
    <script src="https://static.9hive.cn/global/vendor/respond/respond.min.js?v=1.2.3"></script>
    <![endif]-->

</head>
<body>
<div class="ibox background-transparent">
    <div class="ibox-title">
        <div class="pull-left mbx navbar_title">
            <span>用户中心 </span>
            <span class="line">/</span> <span>用户列表 </span>
            <span class="line">/</span>
            会员详情
        </div>
    </div>
    <div class="ibox-content background-transparent padding-0 margin-left_-15">
        <div class="wrapper wrapper-content">
            <div class="row">
                <div class="col-md-12 cler-both-space">

                    <div class="div_modle ">
                        <div class="">
                            <div class="radius_span"></div>
                            <span class="title_span">品牌会员</span>
                        </div>
                        <div class="margin-top-24 padding-left-20">
                            <%if(isNotEmpty(member.headimgurl!)){%>
                                <img src="${member.headimgurl!}" class="width-64 height-64 radius_50p vertical-align-middle">
                            <%}else{%>
                                <img src="https://static.9hive.cn/global/img/head.jpg" class="width-64 height-64 radius_50p vertical-align-middle">
                            <%}%>
                            <div class="inline-block vertical-align-middle margin-left-16">
                                <span class=" color_title font-size-18">${member.phone!'暂无'}</span>
                                <span class="margin-top-8 color_content font-size-14 block"> 用户ID:${member.id!}</span>
                            </div>

                        </div>
                        <div class="margin-top-8">
                            <div class="margin-left-108">
                                <span class=" color_hint font-size-13 ">用户昵称：${member.username!'未知'}</span>
                                <%if(isNotEmpty(member.birthday!)){%>
                                    <span class="margin-left-16 color_hint font-size-13 ">生日：${member.birthday!,dateFormat="yyyy-MM-dd HH:mm:ss"}</span>
                                <%}else{%>
                                    <span class="margin-left-16 color_hint font-size-13 ">生日：${member.birthday!'未知'}</span>
                                <%}%>
                                <span class="margin-left-16 color_hint font-size-13 ">入会时间：${member.createDate!,dateFormat="yyyy-MM-dd HH:mm:ss"}</span>
                                <span class="margin-left-16 color_hint font-size-13 ">会员等级：${member.memberRankValue.name!'未知'}</span>
                                <!--<span class="margin-left-16 color_hint font-size-13 ">会员卡号：6668888866</span>
                                <span class="margin-left-16 color_hint font-size-13 ">有效期：2017.03.08~2018.08.03</span>
                                <span class="margin-left-16 color_hint font-size-13 ">微信号：ling114515682</span>
                                <span class="margin-left-16 color_hint font-size-13 ">关注时间：2017.01.01</span>-->
                            </div>
                        </div>

                    </div>


                    <!--第二块-->

                    <div class="div_modle margin-top-16">
                        <div class="">
                            <div class="radius_span"></div>
                            <span class="title_span">基本信息</span>
                        </div>

                        <!--标签-->


                        <div class="margin-top-24 ">
                            <div class=" flexed_inline">
                                <span class="inline-table text-right width-90">性别偏向</span>
                                <div class="inline-block margin-left-20" id="tag_sex">

                                </div>
                            </div>
                        </div>
                        <div class="margin-top-24 ">
                            <div class=" flexed_inline">
                                <span class="inline-table text-right width-90">年龄偏向</span>
                                <div class="inline-block margin-left-20" id="tag_age">

                                </div>
                            </div>
                        </div>
                        <div class="margin-top-24 ">
                            <div class=" flexed_inline">
                                <span class="inline-table text-right width-90">教育程度</span>
                                <div class="inline-block margin-left-20" id="tag_education">

                                </div>
                            </div>
                        </div>
                        <div class="margin-top-24 ">
                            <div class=" flexed_inline">
                                <span class="inline-table text-right width-90">个人月收入</span>
                                <div class="inline-block margin-left-20" id="tag_person">

                                </div>
                            </div>
                        </div>

                        <div class="margin-top-24 ">
                            <div class=" flexed_inline">
                                <span class="inline-table text-right width-90">家庭月收入</span>
                                <div class="inline-block margin-left-20" id="tag_family">

                                </div>
                            </div>
                        </div>

                    </div>
                    <!--第三块-->
                    <div class="background-white margin-top-16 padding-bottom-96">
                        <div class="div_modle margin-top-16">
                            <div class="">
                                <div class="radius_span"></div>
                                <span class="title_span">活动轨迹</span>
                            </div>

                            <table data-toggle="table " id="table" data-show-export="true" class=" table-striped table-no-bordered fixed-table-container table-row-border-color table-hovered table-hover">
                                <!--  data-url="../assets/data/data.json" -->
                                <thead class="table-header">
                                <tr>
                                    <th data-field="createDate">时间</th>
                                    <th data-field="action">动作</th>
                                    <th data-field="content">内容</th>
                                    <th data-field="medium">渠道</th>
                                    <th data-field="remark">备注</th>
                                    <!--   <th data-field="head" data-formatter="dataFormatter" class="">操作</th>-->
                                </tr>
                                </thead>
                            </table>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="https://static.9hive.cn/global/vendor/jquery/jquery-2.1.4.min.js"></script>
<script src="https://static.9hive.cn/global/vendor/bootstrap-3.3.7/bootstrap.min.js"></script>
<script src="https://static.9hive.cn/global/vendor/bootstrap-table-1.11/bootstrap-table.min.js"></script>
<script src="https://static.9hive.cn/global/vendor/bootstrap-table-1.11/locale/bootstrap-table-zh-CN.min.js"></script>
<script src="https://static.9hive.cn/global/js/core.min.js"></script>
<script src="https://static.9hive.cn/mmenu/assets/js/site.min.js"></script>
<script src="https://static.9hive.cn/global/vendor/layer/layer.js"></script>

<script>
    $(function () {

        var colorList = ['#F96868', '#F96197', '#926DDE', '#677AE4', '#FA7A7A', '#F978A6', '#A58ADD', '#8897EC', '#4E97D9', '#47B8C6', '#56BFB5', '#36AB7A', '#62A8EA', '#57C7D4', '#3AA99E', '#46BE8A', '#83B944', '#F9CD48', '#9ECE67', '#F2A654', '#F4B066', '#A17768', '#76838f'];
        $.ajax({
            url: 'https://static.9hive.cn/hive/assets/data/tags.json',
            dataType: "json",
            type:"GET",
            success: function (data) {

                var tag_sex = data.tag_sex.split(",");
                var tag_age = data.tag_age.split(",");
                var tag_education = data.tag_education.split(",");
                var tag_person = data.tag_person.split(",");
                var tag_family = data.tag_family.split(",");
                randomColor(tag_sex, '#tag_sex');
                randomColor(tag_age, '#tag_age');
                randomColor(tag_education, "#tag_education");
                randomColor(tag_person, "#tag_person");
                randomColor(tag_family, "#tag_family");
            }
        });

            //产生不同随机数
        function randomColor(tags, tagId) {
            var index = new Array();
            var randomColor;
            for (var i = 0; i < Number.MAX_VALUE; i++) {
                randomColor = parseInt(Math.ceil(Math.random() * 22));

                if (index.indexOf(randomColor) == -1) {
                    index.push(randomColor);
                }
                if (index.length == tags.length) {
                    break;
                }

            }
            addSpanTag(tags, tagId, index)
        }

        function addSpanTag(list, tagId, randoms) {
            var sexSpan = '';
            $.each(list, function (index, value) {
                sexSpan += '<span class="round_tags" style="background-color:' + colorList[randoms[index]] + '">' + value + '</span>'
            });
            $(tagId).html(sexSpan);
        }


        $('#table').bootstrapTable({
            url: "ajaxmemberlog",
            dataType: 'json',
            contentType: 'application/json',
            search: false,
            searchAlign: 'left',
            pagination: true,
            showRefresh: false,

            showToggle: false,//是否显示card/table切换按钮
            showColumns: false,//是否显示内容列下拉框
            pageList: [10, 20, 50, 100],
            iconSize: 'outline',
            toolbar: '#eventsToolbar',
            paginationHAlign: 'right', //right, left
            paginationVAlign: 'bottom',
            icons: {
                refresh: 'icon-refresh',
                toggle: 'glyphicon-list-alt',
                columns: 'icon-select',
                export: 'icon-export'
            },

            formatNoMatches: function () { //判断有无数据
                var imghtml = '<div class="flexed_column content_center content_alignCenter padding-20"><img src="https://static.9hive.cn/global/img/nodata.png" class="no_data"/><span class="font-size-16">暂无数据</span></div>';
                return imghtml;
            },
            formatLoadingMessage: function () {  //数据加载中样式
                return ' <div id="loading"><div id="loading-center">' +
                    '<div id="loading-center-absolute"><div class="object" id="object_one">' +
                    '</div><div class="object" id="object_two"></div><div class="object" id="object_three">' +
                    '</div><div class="object" id="object_four"></div></div></div>努力加载中...</div>'
            },
        });
    });




    (function (document, window, $) {
        'use strict';

        var Site = window.Site;
        $(document).ready(function () {
            Site.run();
        });
    })(document, window, jQuery);
</script>
</body>
</html>